<template>
	<div class="top">
		<h1>商城后台管理系统</h1>
	</div>
  <div style="display:flex;">
	   <el-menu
	          default-active="user"
	          class="el-menu-vertical-demo"
	          @open="handleOpen"
	          @close="handleClose"
			  router
	        >
	        <el-menu-item index="user">
	          <el-icon><icon-menu /></el-icon>
	          <span>用户</span>
	        </el-menu-item>
	          <el-menu-item index="role">
	            <el-icon><icon-menu /></el-icon>
	            <span>角色</span>
	          </el-menu-item>
	          <el-menu-item index="permission">
	            <el-icon><document /></el-icon>
	            <span>权限</span>
	          </el-menu-item>
	          <el-menu-item index="userRole">
	            <el-icon><setting /></el-icon>
	            <span>用户配置角色</span>
	          </el-menu-item>
			  <el-menu-item index="rolepermission">
			    <el-icon><setting /></el-icon>
			    <span>角色配置权限</span>
			  </el-menu-item>
			  <el-menu-item index="goods">
			    <el-icon><setting /></el-icon>
			    <span>商品管理</span>
			  </el-menu-item>
			  <el-menu-item index="category">
			    <el-icon><setting /></el-icon>
			    <span>商品分类管理</span>
			  </el-menu-item>
	        </el-menu>
	     
	  <RouterView />
  </div>
</template>

<script>

export default {
  name: 'App',
 
}
</script>

<style>
	.top{
		width:100%;
		height:100px;
		border-bottom:1px solid #ccc;
	}
</style>
